<!-- 引入百度编辑器 begin -->
  <script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/js/ueditor/ueditor.config.js"></script>
  <script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/js/ueditor/ueditor.all.min.js"> </script>
  <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
  <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
  <script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/js/ueditor/lang/zh-cn/zh-cn.js"></script>
<!-- 引入百度编辑器 end -->

<!-- 引进图片插件 begin -->
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/js/uploadify/jquery.uploadify.min.js" ></script>
<link rel="stylesheet" charset="utf-8" type="text/css" href="__PUBLIC__/admin/js/uploadify/uploadify.css"> 
<!-- 引进图片插件 end-->
<style type="text/css">
  .bg{background: none; border:none;}
</style>
<div class="container-fluid">
  <div class="row-fluid">
    <div class="span12">
    <form role="form" id="form" action="{:U("WxContent/add_content")}">
    <!-- 内容说明 -->
   <div class="form-group">
      <label for="name">说明</label>
      <input type="text" class="form-control" id="name" 
         placeholder="说明" name="explain" />
   </div>
    <div class="form-group">
      <label for="name">类型</label>
      <select name="type" id="tesetSelect" form="form"  onchange="tt(this.id)">
        <option value="text">纯文本</option>
         <option value="pic">图文</option>
       <!--  <option value="voice">语音</option> -->
      </select>
   </div>
    <div class="form-group" id="content">
      <label for="name">标题</label>
      <input type="text" class="form-control" id="content" 
         placeholder="回复内容" name="content" />
   </div>
     <!-- 响应菜单 -->
     <div class="form-group">
      <label for="name">响应菜单</label>
      <select name="mid" form="form">
        <option value="10010">不响应菜单</option>
        <volist name="list" id="data">
          <option value="{$data.id}"><if condition="$data.name eq ''"></if>{$data.one_name}</option>
             <volist name="data['list']" id="arr">
                <option value="{$arr.id}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$arr['two_name']}</option>
             </volist>
        </volist> 
      </select>
   </div>
   <div class="form-group">
     <div id="feng">
      <label for="name">封面照片<span style="color: red;">(*双击图片删除,只能有一张图片)</span></label>
      <input type="file" class="form-control" id="upload" placeholder="图片上传"> <br />
      <input type="hidden" name="cover" id="img">
      <div id="view" style="height:200px;">
        
      </div>
   </div>
    </div>


  <!-- 这里放的是链接地址 -->
  <div class="form-group" id="editor">
      <label for="name">链接地址</label>
      <input type="text" class="form-control"  placeholder="链接地址" name="editor" />
   </div>

     <div class="form-group">
   <button type="submit" class="btn btn-default">提交</button>
    </div>
</form>
<!-- 一级菜单 -->
<script type="text/javascript">
//根据菜单类型，弹出适当的选项
var a=$('#tesetSelect').val();//选中的值   
//alert(a);
if (a=='text') {
      $("#editor").hide();
       $("#feng").hide();
       $("#voice").hide();
      $("#content").show();
  };
if (a=='pic') {
     $("#editor").show();
     //$("#content").hide(); 
};
if (a=='voice') {
     $("#editor").hide();
      $("#feng").hide();
};
function tt(id) {
  var aa = document.getElementById(id).value;
  var a=aa;
 //alert(a);
  if (a=='text') {
      $("#editor").hide();
      $("#feng").hide();
      $("#voice").hide();
      $("#content").show();    
  };
  if (a=='pic') {
      $("#editor").show();
      $("#content").show();    
      $("#feng").show();


     // $("#content").hide();
     
  };
  if (a=='voice') {
     $("#editor").hide();
     $("#feng").hide();
     $("#voice").show();
  };
 }
</script>
    </div>
  </div>
</div>


<script language="javascript">
//图片删除
  function delimg(a){
  var data={data:a.id};
  url="{:U('WxContent/delimg')}";
  $.post(url, data,function(c){   
    if(c.s){
    alert("删除成功");
    var el = document.getElementById(''+c.id+''); 
      el.parentNode.removeChild(el); 
    }else{
    alert("图片不存在，删除失败");
     var el = document.getElementById(''+c.id+''); 
    el.parentNode.removeChild(el); 
    }
  });
  }
//图片上传
$(function(){
  $("#upload").uploadify({
        'height'        : 30,
        'width'         : 90, 
    'buttonClass'   :'bg', 
    'queueSizeLimit': 6,    
        'buttonText'    :'<button type="submit" class="btn btn-primary "><span class="glyphicon glyphicon-plus">选择图片</span><tton>',
        'swf'           : '__PUBLIC__/admin/js/uploadify/uploadify.swf',
        'uploader'      : "{:U('WxContent/upload')}",
        'auto'          : true,
        'multi'         : true,      
        'fileTypeExts'  : '*.jpg;*.jpge;*.gif;*.png',
        'fileSizeLimit' : '2MB', 
        'onUploadSuccess':function(file,data,response){
             var obj = eval('('+data+')');         
       if(obj.s){
  $('#view').append('<a href="javascript:void(0);"  ondblclick="delimg(this)" id="'+obj.d+'.'+obj.c+'"><div style="float: left;width:120px;"class="'+obj.d+'"><img style="height:120px; width: 120px;" src="__PUBLIC__/upload/image/'+obj.d+'.'+obj.c+'"/><span style=" width: 120px;  height:40px; line-height: 20px; ">'+obj.d+'.'+obj.c+'</span></div></a>');
        var a=$("#img").val(obj.d+'.'+obj.c);
        //alert(a);
        $('#view').fadeIn();        
       }    
        }
    });
});
</script>